<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>日程</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../Public/css/common.css">
    <!-- 导入JQuery库js样式 -->
    <script src="../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../Schedule/css/schedule.css">
    <!-- 导入该文档的js样式 -->
    <script src="../Schedule/js/schedule.js"></script>
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            headerOfSchedule.addHeader(1, '', `<span class="search iconfont icon-sousuo  ml-20" style="fons-size: 20px"></span> <span class="choose iconfont icon-loudou"></span>`, 1);      
            headerOfSchedule.addFooter(2);  
            $(function() {
                $('.search').click(function() {
                    window.location.assign('../public/search.html')
                });
                $('.circle').click(function() {
                    $(this).addClass('bgc').siblings().removeClass('bgc');
                });
                // 入职
                $('.entry').click(function() {
                    window.location.assign('')
                });
                // 考核
                $('.entassessmentry').click(function() {
                    window.location.assign('')
                });
                // 会议
                $('.meeting').click(function() {
                    window.location.assign('')
                });
                // 给客户报价
                $('.quote').click(function() {
                    window.location.assign('')
                });
                // 添加
                $('.add').click(function() {
                        window.location.assign('/Programme/newAgencyTask.html')
                    })
                    // 侧边栏
                $('.item .item-a').click(function() {
                    $(this).addClass('current').parent().siblings().children().removeClass('current')
                });
                $('.choose').click(function() {
                    console.log(145);
                    $('.sidebar').animate({
                        left: '20%'
                    }, 300);
                    $('.mask').fadeTo(100, 0.2)
                });
                $('.confirm').click(function() {
                    $('.sidebar').animate({
                        left: '100%'
                    }, 300);
                    $('.mask').fadeTo(100, 0)
                })
            })
        }
    </script>
</head>

<body>
    <div class="calendar">
        <div class="date">
            <span class="previous"><</span>
            <span class="year">2020</span>年
            <span class="month">1</span>月
            <span class="next">></span>
        </div>
        <div class="week-1">
            <span>日</span>
            <span>一</span>
            <span>二</span>
            <span>三</span>
            <span>四</span>
            <span>五</span>
            <span>六</span>
        </div>
        <div class="week-2">
            <div class="circle pt-2">
                <span class="figure f14">1</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
            <div class="circle pt-2">
                <span class="figure f14">2</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
            <div class="circle pt-2">
                <span class="figure f14">3</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
            <div class="circle pt-2">
                <span class="figure f14">4</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
            <div class="circle pt-2">
                <span class="figure f14">5</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
            <div class="circle pt-2">
                <span class="figure f14">6</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
            <div class="circle pt-2">
                <span class="figure f14">7</span>
                <span class="dian iconfont icon-dian"></span>
            </div>
        </div>
        <div class="line"></div>
    </div>
    <div class="card entry">
        <div class="p">
            <span class="title">晁文漪的入职审批</span>
            <span class="tip">进行中</span>
        </div>
        <div class="p1 f">入职员工：晁文漪 </div>
        <div class="p2 f">入职部门：产品部</div>
        <div class="p3 f">提交人：晁文琦</div>
        <div class="p4 f">
            <span>提交时间：</span>
            <span>2022-01-02 10:09:00</span>
        </div>
    </div>
    <div class="card assessment">
        <div class="p">
            <span class="title">2022年01月销售部考核计划</span>
            <span class="tip">进行中</span>
        </div>
        <div class="p1 f">考核范围：销售1组；销售2组 </div>
        <div class="p2 f">考核周期：2022年1月-2022年3月</div>
    </div>
    <div class="card meeting">
        <div class="p">
            <span class="title cor">销售部季度例会</span>
            <span class="tip gray">进行中</span>
        </div>
        <div class="p1 f">
            <span class="iconfont icon-weibiaoti-3"></span>
            <span>朝阳公园南路1号</span>
        </div>
        <div class="p2 f">
            <span class="iconfont icon-jishi f10"></span>
            <span>2022-01-02 10:09:00</span>
        </div>
    </div>
    <div class="card quote">
        <div class="p">
            <span class="title">给客户报价</span>
            <span class="tip">进行中</span>
        </div>
        <div class="p1 f">截止时间：今天 12:00 </div>
        <div class="p2 f">执行人：晁文琦</div>
        <div class="p3 f">参与人：罗凡</div>
    </div>
    <div class="add iconfont icon-tianjia1"></div>
    <div class="tips">
        <span>没有更多数据了</span>
    </div>
    <div class="mask"></div>
    <div class="sidebar">
        <div class="sidebar-header">筛选日程</div>
        <div class="sidebar-cell">
            <div class="type">日程类型</div>
            <ul>
                <li class="item"><span class="item-a current">全部 100</span></li>
                <li class="item"><span class="item-a">个人代办 6</span></li>
                <li class="item"><span class="item-a">考勤 10</span></li>
                <li class="item"><span class="item-a">绩效 10</span></li>
                <li class="item"><span class="item-a">招聘 6</span></li>
                <li class="item"><span class="item-a">审批 10</span></li>
                <li class="item"><span class="item-a">会议 10</span></li>
                <li class="item"><span class="item-a">资产4 </span></li>
            </ul>
        </div>
        <div class="sidebar-cell">
            <div class="type">日程状态</div>
            <ul>
                <li class="item"><span class="item-a current">全部 100</span></li>
                <li class="item"><span class="item-a">进行中 6</span></li>
                <li class="item"><span class="item-a">我发起的 10</span></li>
                <li class="item"><span class="item-a">我参与的 10</span></li>
                <li class="item"><span class="item-a">已完成 6</span></li>
            </ul>
        </div>
        <div class="sub-bottom">
            <div class="reset">重置</div>
            <div class="confirm">确定</div>
        </div>
    </div>
</body>

</html